<template>  
    <el-aside width="200px" >  
      <el-menu  
        default-active="1"  
        class="el-menu-vertical-demo"  
        background-color="#545c64"  
        text-color="#ccc"  
        active-text-color="#ffd04b"  
      >  
        <el-menu-item index="1">  
          <router-link to="/Shouye" style="color: gold;font-size: 25px;">首页</router-link>  
        </el-menu-item>  
         <el-menu-item index="3">  
          <router-link to="/Service"style="color: gold;font-size: 25px;">消息</router-link>  
        </el-menu-item>  
        <el-menu-item index="4">  
          <router-link to="/User"style="color: gold;font-size: 25px;">我的</router-link>  
        </el-menu-item>  
        <el-menu-item index="2">  
          <router-link to="/Msssage"style="color: gold;font-size: 25px;">购物车</router-link>  
        </el-menu-item>  
       

      </el-menu>  
    </el-aside>  
  </template>  
    
  <script>  
  export default {  
    name: 'Sidebar'  
  };  
  </script>  
    
  <style scoped>  
  .el-aside{
    background-color: #040404;
  }
  .el-menu-vertical-demo:not(.el-menu--collapse) {  
    width: 200px;  
    min-height: 700px;  
  }  
  .el-menu{
    background-color: #040404;
  }
  .el-menu-item{
    margin-top: 30px;
    margin-left: 40px;
  }

  </style>